<template>
    <div class="appDetail">
        <div class="title_detail">
            <div class="title">APP介绍:</div>
            <div class="detail">蜜蜂语音，是—款聚集了千万年轻人的线上派对社交平台，用优质的语音技术、多元化的即时互动场景，为年轻人打造轻松愉快的游戏社交体验。</div>
        </div>
        <div class="title_detail">
            <div class="title">公司地址:</div>
            <div class="detail">郑州市金水区东风路街道文化路73-10号科技楼2楼2007-050号</div>
        </div>
        <div class="title_detail">
            <div class="title">联系我们:</div>
            <div class="detail"> 微信:GT0000K&nbsp;邮箱:3306428045@qq.com&nbsp;手机号:17355571766</div>
        </div>
    </div>
  </template>
  
  <script>
  export default {
    name: 'app-detail',
    methods:{
    }
  }
  </script>
  
  <style scoped lang="scss">
    .appDetail{
        width: 40vw;
        .title_detail{
            padding: 40rem;
            border-radius: 20rem;
            margin-bottom: 40rem;
            background: linear-gradient(-45deg, #990066, #FFCC00, #CC0033);
            background-size: 500% 500%;
            animation: moiveAnimation 15s infinite;
        }
        
        .title{
            font-size: 24rem;
            font-family: '华文彩云';
            color:#fff;
        }

        .detail{
            font-size: 20rem;
            font-family: '华文琥珀';
            color:#fff;
            text-indent: 60rem;
            line-height: 30rem;
        }
        
        @keyframes moiveAnimation {
            0% {
                background-position: 0% 50%
            }
            50% {
                background-position: 100% 50%
            }
            100% {
                background-position: 0% 50%
            }
        }
        
    }
  </style>